import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
export default defineConfig({
  // 项目根目录
  root: './',

  // 基本路径，通常用于开发服务器的访问
  base: '/',

  // 构建输出目录
  build: {
    outDir: 'dist',
    // 构建时是否压缩代码
    minify: true,
    // 构建时是否使用 rollup
    rollupOptions: {}
  },

  // 开发服务器配置
  server: {
    host: 'localhost', // 可以设置为 '0.0.0.0' 来让外部访问
    port: 8080, // 端口号
    open: true, // 自动打开浏览器
    proxy: {} // 代理配置
  },

  // 插件
  plugins: [vue()],

  // // 静态资源目录
  // publicDir: 'public',

  // 配置路径别名
  resolve: {
    alias: {
      '@': '/src'
    }
  },

  // // 模块解析配置
  // esbuild: {
  //   jsxInject: `import React from 'react'`
  // },

  // CSS 相关配置
  css: {
    preprocessorOptions: {
      less: {
        additionalData: `@import (once) "./src/styles/variables.less";`
      }
    }
  }
})
